<template>
   <!-- <p>推荐</p>
   <p>歌单</p>
   <p>排行榜</p>
   <p>新碟上架</p> -->
   <div class="menu">
      <div class="icons">
         <RouterLink to="/find/discover">推荐音乐</RouterLink>
         <RouterLink to="">排行榜</RouterLink>
         <RouterLink to="">歌单</RouterLink>
      </div>
   </div>

   <RouterView></RouterView>
</template>

<script setup>





</script>

<style scoped>
.menu{
   background-color: brown;
   height: 26px;
   a{
      color: white;
      text-decoration: none;
      line-height: 26px;
      margin-left: 40px;
      
   }
   .icons{
      width: 80%;
      margin-left: 157px;
   }
}
</style>